<script lang="ts">
import { h } from 'vue'
// 使用h+render函数创建复杂的结构  层层嵌套, 解决这个问题 jsx
export default {
  render() {
    return h('ul', {}, [
      h(
        'li',
        {},
        h('span', {}, h('a', { href: 'http://www.baidu.com' }, '百度一下'))
      ),
      h('li', {}, '2222'),
      h('li', {}, '3333'),
      h('li', {}, '4444'),
    ])
  },
}
</script>
<!-- <template>
  <div>
    <h1>标题</h1>
    <p>sasa</p>
  </div>
</template> -->

<style scoped></style>
